@charset "utf-8";
*html{background-image:url(about:blank);background-attachment:fixed;} /* ����IE6��bug */

/* slide */
.slide-main{height:480px;position:relative;}
.slide-main .prev,.slide-main .next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:240px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.slide-main .prev{left:70px;}
.slide-main .next{right:70px;}
.slide-main .prev:hover,.slide-main .next:hover,.slide-main .nav-main a:hover,.slide-main .nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-main .item{display:block;min-width:1200px;width:100%;height:8px;position:absolute;z-index:124;top:460px;left:0;text-align:center;}
.slide-main .item a{display:inline-block;width:14px;height:14px;margin-right:11px;background:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);overflow:hidden;}
.slide-main .item a.cur{background:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-main .slide-box,.slide{display:block;width:100%;height:480px;overflow:hidden;}
.slide-main .slide-box{position:relative;}
.slide-main .slide{display:none;height:480px;position:relative;position:absolute;z-index:8;}
.slide-main .slide a{display:block;width:100%;height:430px;cursor:pointer;}
.slide-main .slide a img{position: relative;margin: 0px auto;min-width: 1200px;width: 100%;height: 480px;background-size: cover;left: 0px;top: 0;overflow: hidden;background-position: 50% 50%;background-repeat: no-repeat;}


@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

